/**
 * Sencha GXT 3.1.0 - Sencha for GWT
 * Copyright(c) 2007-2014, Sencha, Inc.
 * licensing@sencha.com
 *
 * http://www.sencha.com/products/gxt/license/
 */
@def radius      value('theme.info.borderRadius', 'px');
@def borderStyle value('theme.info.border.style');
@def borderColor value('theme.info.border.color');
@def borderWidth value('theme.info.border.toString');

@def css3Leftover value('theme.info.radiusMinusBorderWidth.toString');

@def padding value('theme.info.padding.toString');
@def margin value('theme.info.margin.toString');

@def opacity value('theme.info.opacity');
@def backgroundColor value('theme.info.backgroundColor');

.infoWrap {
  border-color: borderColor;
  border-style: borderStyle;
  border-width: borderWidth;
  border-radius: radius;
  overflow: hidden;

  background-color: backgroundColor;

  opacity: opacity;

  margin: margin;
  /* applying the radius as padding here, avoiding us needing to do math when working out the sliced padding,
     which already has the padding from the images */
  padding: css3Leftover;
}

.info {
  padding: padding;
}